<script setup  lang="ts">
import {ref, reactive } from "vue"
</script>

<template>
  <div class="company">
    <div class="introduce">

    </div>
    <div class="intention">
      
    </div>
    <div class="develop">
      
    </div>
    <div class="plan">
      
    </div>
    <div class="culture">
      
    </div>
    <div class="salary">
      
    </div>
  </div>
</template>

<style lang="scss" scoped>
.company{
    .introduce{
        width: 100%;
        height: 100vh;
        background-image: url('https://agc-storage-drcn.platform.dbankcloud.cn/v0/default-bucket-rwdjv/YuaYangIntelligence%2F%E8%83%8C%E6%99%AF%E5%9B%BE.jpg?token=5a10f770-80f3-42ed-8b03-47643d23196b'); // 替换为你的图片路径
    background-size: cover;      // 背景图覆盖整个容器
    background-position: center; // 背景图居中
    background-repeat: no-repeat; // 不重复
    background-attachment: fixed; // 固定背景（视差效果）
}
}
</style>
